<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Getting Started: Serving Web Content</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport"  
        content="width=device-width,initial-scale=1.0,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="../css/alertify.core.css">
    <link rel="stylesheet" type="text/css" href="../css/alertify.default.css">
     <script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/alertify.min.js"></script>
    <script type="text/javascript">
		$(function(){
			
		});
    </script>
</head>
<body style="height:1280px">
<nav class="navbar navbar-default navbar-fixed-top" style="border: 1px solid green;height:8%;">
  <div align="left" class="" style="width: 30%;height: 100%;display: inline-block;">
  	<a href="#" class="btn btn-default"style="width: 100px;height: 80%;margin: 5px 0;">扎金花</a>
  </div>
  <div class="" style="width: 30%;height: 100%;display: inline-block;">
  	<h2>成员管理</h2>
  </div>
  <div class="" style="width: 30%;height: 100%;display: inline-block;">
  	<a href="#" class="btn btn-default">退出</a>
  </div>
</nav>
<div style="border: 1px solid red;height:80%;">

    <iframe id="Content" scrolling="yes" frameborder="0" marginwidth="0" marginheight="0"
            src="" width="100%" height="100%" allowTransparency="true" style="height: 88%">
            
     </iframe>
</div>

<nav class="navbar navbar-default navbar-fixed-bottom" style="border: 1px solid green;height:10%;">
  <div class="container" >
    ...
  </div>
</nav>
</body>
</html>